<template>
  <div class="m-like">
    <div class="label">猜你喜欢</div>
    <dl class="card-wrapper">
      <dt class="card-img">
        <img :src="likeList.image" alt="">
      </dt>
      <div class="info-box">
        <div class="title">{{likeList.title}}</div>
      </div>
      <p>
        <el-rate
         v-model="likeList.score" 
         disabled 
         show-score 
         text-color="#ff9900" 
         ></el-rate><span>{{likeList.commentNum}}人评价</span>
      </p>
      <p>{{likeList.address}}</p>
      <p>￥{{likeList.price}}</p>
    </dl>
    <dl class="card-wrapper">
      <dt class="card-img">
        <img :src="likeList.image" alt="">
      </dt>
      <div class="info-box">
        <div class="title">{{likeList.title}}</div>
      </div>
      <p>
        <el-rate
         v-model="likeList.score" 
         disabled 
         show-score 
         text-color="#ff9900" 
         ></el-rate><span>{{likeList.commentNum}}人评价</span>
      </p>
      <p>{{likeList.address}}</p>
      <p>￥{{likeList.price}}</p>
    </dl>
    <dl class="card-wrapper">
      <dt class="card-img">
        <img :src="likeList.image" alt="">
      </dt>
      <div class="info-box">
        <div class="title">{{likeList.title}}</div>
      </div>
      <p>
        <el-rate
         v-model="likeList.score" 
         disabled 
         show-score 
         text-color="#ff9900" 
         ></el-rate><span>{{likeList.commentNum}}人评价</span>
      </p>
      <p>{{likeList.address}}</p>
      <p>￥{{likeList.price}}</p>
    </dl>
    <dl class="card-wrapper">
      <dt class="card-img">
        <img :src="likeList.image" alt="">
      </dt>
      <div class="info-box">
        <div class="title">{{likeList.title}}</div>
      </div>
      <p>
        <el-rate
         v-model="likeList.score" 
         disabled 
         show-score 
         text-color="#ff9900" 
         ></el-rate><span>{{likeList.commentNum}}人评价</span>
      </p>
      <p>{{likeList.address}}</p>
      <p>￥{{likeList.price}}</p>
    </dl>
    <dl class="card-wrapper">
      <dt class="card-img">
        <img :src="likeList.image" alt="">
      </dt>
      <div class="info-box">
        <div class="title">{{likeList.title}}</div>
      </div>
      <p>
        <el-rate
         v-model="likeList.score" 
         disabled 
         show-score 
         text-color="#ff9900" 
         ></el-rate><span>{{likeList.commentNum}}人评价</span>
      </p>
      <p>{{likeList.address}}</p>
      <p>￥{{likeList.price}}</p>
    </dl>
    <dl class="card-wrapper">
      <dt class="card-img">
        <img :src="likeList.image" alt="">
      </dt>
      <div class="info-box">
        <div class="title">{{likeList.title}}</div>
      </div>
      <p>
        <el-rate
         v-model="likeList.score" 
         disabled 
         show-score 
         text-color="#ff9900" 
         ></el-rate><span>{{likeList.commentNum}}人评价</span>
      </p>
      <p>{{likeList.address}}</p>
      <p>￥{{likeList.price}}</p>
    </dl>
  </div>
</template>
<script>
export default {
  data () {
    return {
      likeList: {
        image: '//p1.meituan.net/deal/e2e19305bab90a3fd6dca3794264c7d6105618.jpg@237w_132h_1e_1c',
        title: '藏香牦牛锅锅香',
        score: 5,
        commentNum: 1296,
        address: '独克宗古城',
        price: 128.0
      }
    }
  }
}
</script>
